<template>
  <div class="hover-color2">
    <div style="width:100%;" class="hand recommend-item-title" @click="toNote(noteComment.id)"><h2>{{noteComment.name}}</h2></div>
    <div>
      <div class="text2" style="overflow: hidden;">{{noteComment.preview}}</div>
      <div style="text-align: left;padding:5px;float: left;">
        <div style="display: inline"><i class="el-icon-date"></i>&nbsp;{{noteComment.create_time}}</div>&nbsp;&nbsp;
        <div style="display: inline"><i class="el-icon-view"></i>&nbsp; {{noteComment.click}} </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'item',
  props: {
    noteComment: {
      type: Object,
      default: () => {}
    }
  },
  data: function () {
    return {
      delete: true,
      note: {},
      originContent: '',
      htmlContents: []
    }
  },
  watch: {

  },
  created () {
  },
  methods: {
    setCallback: function (comment) {
      this.$emit('setCallback', comment)
    },
    toNote: function (id) {
      window.location.href = 'content-reader?note_id=' + id
    }
  }
}
</script>
